<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script th:src="@{/webjars/jquery/3.4.1/jquery.js}"></script>
    <style>
        *{
            padding: 0px;
            margin:0px;
        }
        .nowTime{
            color: #00ccff;
        }
        .myNumber{
            color:orange;
        }
        .my{
            float: right;
        }
        .clear{
            width: 50%;
            clear:both;
        }
    </style>
</head>
<body>
<div style="width: 500px;height:400px;background-color:yellowgreen;word-wrap: break-word;word-break: break-all;overflow: auto;">

    <div class='dataMessage'>
        <div>
            <span class='userNumber'>"+Sender+"</span>&nbsp;<span class='nowTime'>"+nowTime+"</span>
        </div>
        <div>
            "+ getMessage+"
        </div>
    </div>

    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="my clear">
        <div>
            <span class="myNumber">李四</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="my clear">
        <div>
            <span class="myNumber">李四</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="my clear">
        <div>
            <span class="myNumber">李四</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
    <div class="clear">
        <div>
            <span class="myNumber">张三</span><span class="nowTime">2019年</span>
        </div>

        <div>
            sadgasisahdsajjfgdshddddddddddddddddddjjjjjjjjjjjjjjsss
        </div>
    </div>
</div>
</body>
</html>